<div>
  <banner :bannerArr="bannerArr"></banner>


  <div class="page-title">
    <h2>BEST-SELLING ITEM</h2>
    <h2>畅销单品</h2>
  </div>
  <div class="container">
    <div class="content_item clearfix">
      <div class="content_item_left"><img src="http://group.jiuhangjituan.cn/00231.jpg" alt=""></div>
      <div class="content_item_right">
        <div class="p_box">
          <p>慕茹姬医用冷敷贴面膜</p>
          <div class="blue_box"></div>
        </div>
        <p class="jianjie">密集补水、修复美肌、舒缓过敏、修护受损肌肤、促进创面愈合、术后修复、改善肌肤暗黄</p>
        <p class="price">￥68 | 一盒</p>
        <div class="btn">立即查看 &gt;</div>
      </div>
    </div>
    <div class="content_item clearfix">
      <div class="content_item_right">
        <div class="p_box">
          <p>慕茹姬氨基酸洁面慕斯</p>
          <div class="blue_box"></div>
        </div>
        <p class="jianjie">高效清洁、温和洁面、洗净脸部污垢杂质、深层清洁、锁住角质层细胞所需水分、滋润肌肤、养护皮脂膜</p>
        <p class="price">￥129 | 一瓶</p>
        <div class="btn">立即查看 &gt;</div>
      </div>
      <div class="content_item_left" style="margin-right: 0px; margin-left: 133px;"><img
          src="http://group.jiuhangjituan.cn/activityNewInfo/a7777722-116f-42c7-adf5-ec932e800661" alt=""></div>
    </div>
  </div>

  <div class="page-title">
    <h2>MAIN PRODUCTS</h2>
    <h2>主推产品</h2>
  </div>
  <div class="container clearfix">
    <div class="pro_left" style="margin-right: 30px;">
      <div class="up"><img src="http://group.jiuhangjituan.cn/activityNewInfo/b11b98cb-b418-410c-a633-a19522694902"
          alt="">
        <div class="box">
          <p class="p1">免疫组化抗原修护缓冲液</p>
          <p class="p2">保湿修复、淡化痘印/斑点、拯救过敏肌肤、提拉紧致肌肤</p>
          <p class="price">￥169</p> <img src="./src/assets/images/row.png" alt="">
        </div>
      </div>
      <div class="down clearfix">
        <div class="down_left">
          <div class="img_wrap"><img
              src="http://group.jiuhangjituan.cn/activityNewInfo/33c1b48b-1114-43ea-a628-fa34b6a49acc" alt=""></div>
          <div class="name_wrap">
            <p>慕茹姬紧致赋妍眼部精华乳</p>
            <p>￥268</p>
          </div>
        </div>
        <div class="down_right">
          <div class="img_wrap"><img
              src="http://group.jiuhangjituan.cn/activityNewInfo/9c873e35-37d2-4510-8a6b-ea9b4694cc33" alt=""></div>
          <div class="name_wrap">
            <p>慕茹姬葡萄柚焕颜精华液</p>
            <p>￥198</p>
          </div>
        </div>
      </div>
    </div>
    <div class="pro_right pro_left">
      <div class="down clearfix">
        <div class="down_left">
          <div class="img_wrap"><img src="http://group.jiuhangjituan.cn/00231.jpg" alt=""></div>
          <div class="name_wrap">
            <p>慕茹姬医用冷敷贴面膜</p>
            <p>￥68</p>
          </div>
        </div>
        <div class="down_right">
          <div class="img_wrap"><img
              src="http://group.jiuhangjituan.cn/activityNewInfo/d10a7350-54ff-492a-a830-dfe92b2cbdee" alt=""></div>
          <div class="name_wrap">
            <p>慕茹姬富勒烯虫草奢养面膜</p>
            <p>￥99</p>
          </div>
        </div>
      </div>
      <div class="up" style="margin-top: 20px;"><img
          src="http://group.jiuhangjituan.cn/activityNewInfo/c81d4424-496f-427e-8181-feead1f1e472" alt="">
        <div class="box">
          <p class="p1">慕茹姬氨基酸洁面慕斯</p>
          <p class="p2">高效清洁、温和洁面、洗净脸部污垢杂质、深层清洁、锁住角质层细胞所需水分、滋润肌肤、养护皮脂膜</p>
          <p class="price">￥129</p> <img src="./src/assets/images/row.png" alt="">
        </div>
      </div>
    </div>
  </div>

  <div class="page-title">
    <h2>BRAND STORY</h2>
    <h2>品牌故事</h2>
  </div>
  <div class="brand_content"><img src="http://www.muruji.cn/image/indexImg/pinpaigushiLeft.png" alt="">
    <div>
      <p class="p1">慕茹姬</p>
      <p class="p2">MURUJI</p>
      <p class="p3">用做药的标准做护肤品</p>
      <p class="p4">
        慕茹姬品牌创始人杨宇航从事医药行业十多年，深知种种肌肤问题都源自于我们的肌底不够健康。为了帮助数千万女性摆脱问题肌肤的困扰，杨宇航毅然决然进军护肤品行业,矢志用“用做药的标准做化妆品”的态度来打造让消费者信得过的产品，引领中国女性从改善肌肤问题开始，摆脱压力，直面自己，活出精彩，内外皆美。
        <br> <br>
        十年前的一个夏天，杨宇航特别邀约了一群从事医药研发、化妆品研发、皮肤疾病的专家齐聚一堂，就女性肌肤问题探讨解决方案。
        <br> <br>
        杨宇航凭着着多年的医药经验，带领研发团队，联合法国仙婷创新实验室，历经多年，在对肌肤病因追根溯源的同时，通过真正对皮肤有利、来源于天然的植物成分，筛选数万个配方和样品，接着在多家美容及医疗机构专业测评，对产品的有效性、安全性、适肤性等方面不断调整，以达到配方精简、针对性强、功效显著等特点，并且符合医疗器械的准入标准。
        <br> <br>
        2019年，慕茹姬品牌产品诞生！
      </p>
      <p class="btn">了解更多</p>
    </div> <img src="http://www.muruji.cn/image/indexImg/pinpaigushiRight.png" alt="">
  </div>
  <!--
  <div class="page-title">
    <h2>SKIN CARE INFORMATION</h2>
    <h2>护肤资讯</h2>
  </div>


  <h2>我是 {{value.name}}</h2>
  <div>
    老规矩：{{hello}}<br>
    <el-button type="primary" @click="clickMe">快点我</el-button><br>
    <br>
    这里是一种CND的开发方式<br>
    vue全家桶和UI库用 CND方式 加载。<br>
    js代码用 import 方式加载。<br>
    目录结构参考了vue-cli建立的项目。<br>
    支持组件、路由、状态管理等功能。<br>
    不用webpack、npm等，建立网站就可以用。<br><br>
    状态计数：{{$store.state.count}}
  </div>
  -->
</div>